//公共
.block
    width: 1200px
    margin: 0 auto
    position: relative
.link
    display: inline-block
    font-family: Arial
    font-size: 12px
    color: #fff
    margin-top: 12px
    height: 32px
    line-height: 32px
    padding: 0 25px
    border: 1px solid #fff
    border-radius: 17px
.index-icon
    background: url(../images/index-icon.png) no-repeat
    width: 32px
    height: 104px
    position: absolute
    left: 50%
    margin-left: -16px
    background-position: 0  0
    background-size: 64px 104px
    &.active
        background-position: -32px  0
.aboutUsIco
    background: url('../images/aboutUsIco.png') no-repeat
    width: 85px
    height: 92px
    background-size: 100% 100%
    position: fixed
    display: block
    top: 45%
    right: 15px
    animation: nav_float 2s linear 0s infinite
    &:hover
        animation-play-state: paused
        -webkit-animation-play-state: paused
#jiathis_webchat img
    width: 200px
    height: 200px
// 动画
@-webkit-keyframes rollIn
    0%
        opacity: 0
        -webkit-transform: translateX(-100%) rotate(-120deg)
    100%
        opacity: 1
        -webkit-transform: translateX(0px) rotate(0deg)
@-moz-keyframes rollIn
    0%
        opacity: 0
        -moz-transform: translateX(-100%) rotate(-120deg)
    100%
        opacity: 1
        -moz-transform: translateX(0px) rotate(0deg)
@-o-keyframes rollIn
    0%
        opacity: 0
        -o-transform: translateX(-100%) rotate(-120deg)
    100%
        opacity: 1
        -o-transform: translateX(0px) rotate(0deg)
@keyframes rollIn
    0%
        opacity: 0
        transform: translateX(-100%) rotate(-120deg)
    100%
        opacity: 1
        transform: translateX(0px) rotate(0deg)
@-webkit-keyframes nav_float
    0%
        -webkit-transform: translateY(0)
    50%
        -webkit-transform: translateY(-6px)
    100%
        -webkit-transform: translateY(0)
@keyframes nav_float
    0%
        transform: translateY(0)
    50%
        transform: translateY(-6px)
    100%
        transform: translateY(0)
@-webkit-keyframes swinging
    0%
        -webkit-transform: rotate(0)
    10%
        -webkit-transform: rotate(10deg)
    20%
        -webkit-transform: rotate(-10deg)
    30%
        -webkit-transform: rotate(10deg)
    40%
        -webkit-transform: rotate(-10deg)
    50%
        -webkit-transform: rotate(10deg)
    60%
        -webkit-transform: rotate(-10deg)
    70%
        -webkit-transform: rotate(10deg)
    80%
        -webkit-transform: rotate(-10deg)
    90%
        -webkit-transform: rotate(10deg)
    100%
        -webkit-transform: rotate(0)
@-moz-keyframes swinging
    0%
        -moz-transform: rotate(0)
    10%
        -moz-transform: rotate(10deg)
    20%
        -moz-transform: rotate(-10deg)
    30%
        -moz-transform: rotate(10deg)
    40%
        -moz-transform: rotate(-10deg)
    50%
        -moz-transform: rotate(10deg)
    60%
        -moz-transform: rotate(-10deg)
    70%
        -moz-transform: rotate(10deg)
    80%
        -moz-transform: rotate(-10deg)
    90%
        -moz-transform: rotate(10deg)
    100%
        -moz-transform: rotate(0)
@keyframes swinging
    0%
        transform: rotate(0)
    10%
        transform: rotate(10deg)
    20%
        transform: rotate(-10deg)
    30%
        transform: rotate(10deg)
    40%
        transform: rotate(-10deg)
    50%
        transform: rotate(10deg)
    60%
        transform: rotate(-10deg)
    70%
        transform: rotate(10deg)
    80%
        transform: rotate(-10deg)
    90%
        transform: rotate(10deg)
    100%
        transform: rotate(0)
// banner
.index-banner
    position: relative
    overflow: hidden
    top: 0
    left: 0
    .index-banner-item
        width: 100000px
        position: absolute
        top: 0
        left: 0
        height: 100%
        .index-banner-list
            background-position: center center
            background-repeat: no-repeat
            background-size: cover
            float: left
            a 
                display: block
                width: 100%
                hegiht: 100%
                cursor: pointer    
    ol
        width: 1200px
        left: 50%
        margin-left: -600px
        position: absolute
        bottom: 0
        hieght: 50px
        li
            width: 230px
            height: 50px
            background: #f5f0e9
            line-height: 50px
            text-align: center
            float: left
            margin-right: 10px
            opacity: .8
            transition: all .3s ease-out
            &.active
                width: 230px
                height: 60px
                background: #f9ca18
                margin-top: -10px
                line-height: 60px
                a
                    color: #fff
            a
                color: #353535
//project
.index-project
    width: 100%
    background: #fff
    height: 940px
    .title
        text-align: center
        position: relative
        padding: 156px 0 32px
        h2
            font-size: 34px
            margin-bottom: 10px
            font-weight: bold
        h3
            color: #eab145
            font-size: 22px
            margin-bottom: 10px
            font-weight: bold
        h4
            font-size: 14px
            color: #353535
    .content
        position: relative
        height: 506px
        li
            float: left
            &.l1
                width: 456px
                height: 376px
                margin-top: -122.5px
                margin-left: -56px
                opacity: 0
                transform: translate(0,200px)
                transition: all 1s ease-out 0s
            &.l2
                width: 400px
                height: 250px
                background: #ffcc66
                opacity: 0
                transform: translate(0,200px)
                transition: all 1s ease-out 0.3s
                .cont
                    text-align: center
                    color: #fff
                    h5
                        font-size: 30px
                        font-weight: bold
                        margin-top: 40px
                        margin-bottom: 8px
                    h6
                        font-size: 28px
                        margin-bottom: 14px
                    p
                        font-size: 14px
                        line-height: 20px 
                        margi-bottom: 15px
                        height: 60px
            &.l3
                width: 400px
                height: 503px
                position: relative
                opacity: 0
                transform: translate(200px,0)
                transition: all 1s ease-out 0.6s
                .cont
                    position: absolute
                    top: 290px
                    left: 0
                    text-align: center
                    width: 100%
                    color: #fff
                    h5
                        font-size: 22px
                        font-weight: bold
                        margin-bottom: 10px
                    h6
                        font-size: 26px
                        font-weight: bold
                        margin-bottom: 10px
                    p
                        font-size: 14px
                        line-height: 20px 
                        margi-bottom: 15px
                        height: 60px
                        margin-bottom: 10px
            &.l4
                position: absolute
                top: 250px
                z-index: 2
                opacity: 0
                transform: translate(200px,0)
                transition: all 1s ease-out 0.9s
                .cont
                    position: absolute
                    top: 30px
                    left: 0
                    text-align: center
                    width: 100%
                    color: #fff
                    h5
                        font-size: 22px
                        font-weight: bold
                        margin-bottom: 10px
                    h6
                        font-size: 26px
                        font-weight: bold
                        margin-bottom: 10px
                    p
                        font-size: 14px
                        line-height: 20px 
                        margi-bottom: 15px
                        height: 60px 
                        margin-bottom: 10px
            &.l5
                width: 800px
                height: 253px
                position: absolute
                top: 250px
                opacity: 0
                transform: translate(200px,0)
                transition: all 1s ease-out 0.9s
    &.show
        .content
            li
                opacity: 1
                transform: translate(0,0)
//news
.index-news
    width: 100%
    height: 940px
    background: #deebff
    background-repeat: no-repeat
    background-size: 100% 100%
    background-repeat: center center
    .title
        text-align: center
        position: relative
        padding: 139px 0 32px
        h2
            font-size: 34px
            margin-bottom: 10px
            font-weight: bold
        h3
            color: #eab145
            font-size: 22px
            margin-bottom: 10px
            font-weight: bold
            color: #ff99cc
        h4
            font-size: 14px
            color: #353535
    .content
        height: 432px
        margin-top: 60px
        .left
            width: 576px
            height: 432px
            overflow: hidden
            position: relative
            float: left
            ul
                height: 100%
                position: relative
                li
                    float: left
                    a
                        display: inline-block
                        width: 100%
                        height: 432px
            .arr
                width: 44px
                height: 44px
                position: absolute
                bottom: 1px
                background: url(../images/s4arr.png) no-repeat
                &.news-prev
                    right: 46px
                    &:hover
                       background-position: 0 -44px 
                &.news-next
                    right: 0px
                    background-position: -44px 0
                    &:hover
                       background-position: -44px -44px          
        .right
            width: 624px
            height: 100%
            float: right
            ol
                padding: 0 26px 0 36px
                li
                    padding: 24px 0 18px 0
                    position: relative
                    transition: all .5s
                    &.active
                        background: #ff99cc
                        margin-right: -26px
                        margin-left: -52px
                        padding-left: 52px
                        .arrow
                            display: block
                            background: url(../images/arrow15.png) center center no-repeat
                            width: 12px
                            height: 23px
                            position: absolute
                            left: -10px
                            top: 50%
                            margin-top: -10px
                        h5
                            a
                                color: #fff
                        p
                            a
                                color: #fff
                    h5
                        font-size: 18px
                        white-space: nowrap
                        overflow: hidden
                        text-overflow: ellipsis
                        margin-bottom: 6px
                        width: 565px
                        a
                            color: #353535
                    p
                        height: 44px
                        overflow: hidden
                        font-size: 14px
                        line-height: 22px
                        color: #707070
                        width: 565px
                        a
                            color: #707070
//join us
.index-joinUs
    width: 100%
    height: 940px
    .joinUs-icon
        background: url('../images/joinUs-icon.png') no-repeat
        width:  32px
        height: 104px
        background-size: 100% 100%
        margin: 0 auto
    .title
        margin-top: 125px
        text-align: center
        h2
            font-size: 34px
            font-weight: bold
            margin-bottom: 6px
        h3
            color: #eab145
            margin-bottom: 10px
            font-size: 22px
            font-weight: bold
        p
            width: 725px
            margin: 0 auto
            text-align: center
            font-size: 14px
            color: #353535
            line-height: 150%
    .tel
        background: url('../images/index-phone.png') no-repeat
        width: 455px
        height: 62px
        background-size: 100% 100%
        margin: 60px auto 25px
    .box
        margin: 0 auto
        text-align: center
        width: 960px
        li
            background-color: #eab145
            border: 8px solid rgba(237, 187, 79, 0.4)
            border-radius: 50%
            display: block
            float: left
            height: 188px
            margin: 0 18px
            width: 188px
            &:hover
                img
                    transition: all .5s
                    transform: rotateY(-180deg)
            &.rollIn
                animation-name: rollIn
            .ico
                padding: 42px 0 15px
                margin: 0 auto
            p
                font-size: 14px
                line-height: 20px
                color: #fff
            &.animate0
                    animation-duration: .5s
                    animation-delay: 0s
                    animation-timing-function: ease
                    animation-fill-mode: both
                .ico
                    width: 89px
                    height: 59px
            &.animate1
                animation-duration: .5s
                animation-delay: .25s
                animation-timing-function: ease
                animation-fill-mode: both
                .ico
                    width: 53px
                    height: 60px
            &.animate2
                animation-duration: .5s
                animation-delay: .5s
                animation-timing-function: ease
                animation-fill-mode: both
                .ico
                    width: 62px
                    height: 62px 
            &.animate3
                animation-duration: .5s
                animation-delay: .75s
                animation-timing-function: ease
                animation-fill-mode: both
                .ico
                    width: 80px
                    height: 62px           
//message
.index-message
    width: 100%
    height: 940px
    background: #deebff
    .message-icon
        background: url('../images/message-icon.png') no-repeat
        width:  32px
        height: 104px
        background-size: 100% 100%
        margin: 0 auto
    .title
        margin-top: 125px
        text-align: center
        h2
            font-size: 34px
            font-weight: bold
            margin-bottom: 6px
        h3
            color: #fff
            margin-bottom: 10px
            font-size: 22px
            font-weight: bold
        p
            width: 725px
            margin: 0 auto
            text-align: center
            font-size: 14px
            color: #353535
            line-height: 150%
    .content
        width: 725px
        margin: 50px auto 0
        i
            width: 62px
            height: 62px
            background-repeat: no-repeat
            background-size: 100% 100%
            display: inline-block
        input
            display: inline-block
            width: 630px
            border: none
            background: #fff
            height: 62px
            position: absolute
            top: 0
            left: 92px
            padding-left: 10px
            font-size: 14px
            box-sizing: border-box
        .name
            width: 100%
            height: 62px
            margin-bottom: 30px
            position: relative
            i.nameIco
                background-image: url('../images/name-icon.png')
        .phone
            width: 100%
            height: 62px
            margin-bottom: 30px
            position: relative
            i.phoneIco
                background-image: url('../images/phone-icon.png')
        .tellme
            width: 100%
            height: 180px
            margin-bottom: 30px
            position: relative
            i.emailIco
                background-image: url('../images/email-icon.png')
            textarea
                height: 180px
                width: 630px
                position: absolute
                top: 0
                left: 92px
                border: none
                padding: 10px
                font-size: 14px
                box-sizing: border-box
                outline: none
        .submit-btn
            display: block
            width: 250px
            height: 60px
            line-height: 60px
            text-align: center
            background: #ffc44e
            color: #fff
            font-size: 22px
            margin: 0 auto
//footer
.index-footer
    width: 100%
    height: 106px
    background: #555
    overflow: hidden
    ul
        text-align: center
        margin: 16px auto
        li
            display: inline-block
            border-right: 1px solid #fff
            font-size: 14px
            padding: 0 12px
            &:last-child
                border-right: none
            a
                color: #fff
    .footer-p1
        text-align: center
        color: #888
        span
            font-size: 14px
            display: inline-block
            margin-left: 20px
            color: #888
    .footer-p2
        text-align: center
        color: #888
        margin-top: 15px
        span
            font-size: 14px
            display: inline-block
            margin-left: 20px
            color: #888        
//header
.index-header
    background: url('../images/bg_nav.png') left top repeat-x
    height: 195px
    position: fixed
    width: 100%
    left: 0
    top: 0
    z-index: 5
    transition: all .5s ease-out 0s
    .logo
        position: absolute
        left: 0
        top: 10px
        background: url('../images/logo.png') 10px center no-repeat
        padding-left: 380px
        height: 83px
        overflow: hidden
        background-size: auto 47px
        transition: all .5s ease-out 0s
        h3
            padding-top: 30px
            color: #fff
            font-size: 18px
        h4
            padding-top: 7px
            color: #fff
            font-size: 12px
    .tel
        .p1
            color: #fff
            position: absolute
            right: 0
            top: 20px
            transition: all .5s ease-out 0s
            font-size: 14px
        .p2
            color: #fff
            position: absolute
            right: 0px
            top: 45px
            transition: all .5s ease-out 0s
            font-size: 14px
        .p3    
            color: #fff
            position: absolute
            right: 0
            top: 70px
            transition: all .5s ease-out 0s
            font-size: 14px
            strong
                color: #fff
    &.min
        height: 55px
        overflow: hidden
        .logo
            hegiht: 53px
            width: 0
            padding-left: 140px
            background-size: auto 34px
            background-position: -1px 0px
        .search
            opacity: 0
        .tel
            .p1
                top: 22px
                right: 420px
            .p2
                top: 22px
                right: 260px
            .p3
                top: 22px
                right: 0
    .nav-main
        position: absolute
        left: 50px
        top: 120px
        overflow: hidden
        height: 36px
        a
            float: left
            height: 36px
            line-height: 36px
            border-radius: 18px
            padding: 0 18px
            margin: 0 3px
            font-size: 14px
            color: #fff
            transition: all 0.3s ease-out 0s
            &:hover
                background: #fff
                color: #353535
    .search
        position: absolute
        right: 0
        top: 123px
        opacity: 1
        transition: all .3s ease-out 0.3s
        .inner
            background: url('../images/bg_search.png') left center no-repeat
            width: 166px
            height: 29px
            line-height: 29px
            float: left
            .kw
                background: none
                border: none
                height: 29px
                line-height: 29px
                margin-left: 15px
                width: 105px
                float: left
                color: #fff
                font-size: 12px
            .ok
                background: none
                border: none
                height: 100%
                line-height: inherit
                width: 28px
                float: left
                cursor: pointer


/*========
米其儿动态
==========*/ 
.news-content
    margin-top: 55px
    overflow: hidden
    h5
        margin-top: 27px
        font-size: 14px
        color: #707070
        a
            color: #707070
    .main
        padding: 50px 0 20px
        overflow: hidden
        .title
            text-align: center
            h3
                font-size: 34px
                color: #353535
                font-weight: bold
            h4
                font-size: 22px
                color: #ff99cc
                margin-top: 20px
        .box
            margin-top: 35px
            width: 1250px
            li
                float: left
                width: 386px
                height: 455px
                margin-right: 21px
                a
                    .pic
                        width: 386px
                        height: 290px
                        overflow: hidden
                        img
                            transition: all .5s linear
                            &:hover
                                transform: scale(1.2)
                    h3
                        font-size: 18px
                        color: #474747
                        line-height: 1.2
                        margin-top: 25px
                    p
                        font-size: 14px
                        color: #707070
                        line-height: 1.5
                        margin-top: 8px
                    .more
                        color: #339dca
                        font-size: 14px
                        font-family: Arial, Helvetica, sans-serif
                        margin-top: 12px
                        display: block   
    .page
        margin-top: 5px
        height: 40px
        text-align: center
        margin-bottom: 50px
        li
            width: 40px
            height: 40px
            border-radius: 50%
            background: #ff99cc
            line-height: 40px
            text-align: center
            display: inline-block
            margin: 0 5px
            &.active
                background: #009de2
            a
                color: #fff


/*========
米其儿搜索结果
==========*/
.search-title
    color: #474747
    font-size: 20px
    b
        color: #f00


/*========
米其儿动态详情
==========*/
.detail-content
    margin-top: 55px
    margin-bottom: 70px
    h5
        padding-top: 27px
        font-size: 14px
        color: #707070
        a
            color: #707070
    .main
        width: 100%
        margin-top: 65px
        .left
            float: left
            width: 798px
            h1
                text-align: center
                font-size: 24px
                color: #474747
                line-height: 1.2
            h3
                text-align: center
                font-size: 20px
                color: #474747
                line-height: 1.2
                margin-top: 15px
            .p
                margin-top: 25px
                font-size: 14px
                color: #707070
                line-height: 1.5
                text-indent: 2em
                p
                    margin-bottom: 20px
            .share
                margin-top: 20px
                font-size: 16px
                span
                    float: left
                    display: block
                    line-height: 22px
                    color: #474747
                a
                    &:nth-child(1)
                    display: block
                    background: url('../images/weixin.png') left center no-repeat
                    width: 25px
                    height: 22px
                    float: left
                    cursor: pointer
                    &:hover
                        background: url('../images/weixin.png') -25px center no-repeat 
                .qzone
                    display: block
                    background: url('../images/qzone.png') left center no-repeat
                    width: 22px
                    height: 22px
                    float: left
                    margin-left: 14px
                    cursor: pointer
                    &:hover
                        background: url('../images/qzone.png') -22px center no-repeat
                .sina
                    display: block
                    background: url('../images/sina.png') left center no-repeat
                    width: 23px
                    height: 22px
                    float: left
                    margin-left: 14px 
                    cursor: pointer
                    &:hover
                        background: url('../images/sina.png') -23px center no-repeat
                .qq
                    display: block
                    background: url('../images/qq.png') left center no-repeat
                    width: 20px
                    height: 22px
                    float: left
                    margin-left: 14px
                    cursor: pointer
                    &:hover
                        background: url('../images/qq.png') -20px center no-repeat
        .right
            float: right
            width: 350px
            .box1
                background: #eab145
                border-radius: 5px
                padding: 33px 29px 30px
                position: relative
                .xieziban
                    width: 103px
                    height: 97px
                    position: absolute
                    top: -63px
                    left: 5px
                .top
                    height: 25px
                    overflow: hidden
                    h3
                        float: left
                        color: #fff
                        font-weight: bold
                        font-size: 22px
                        line-height: 25px
                    h4
                        float: left
                        color: #fff
                        font-weight: bold
                        font-size: 14px
                        margin-left: 9px
                        line-height: 38px
                    .more
                        display: block
                        background: url('../images/plus.png') center center no-repeat
                        width: 20px
                        height: 20px
                        float: right
                        margin: 3px
                .inner
                    margin-top: 13px
                    a
                        display: block
                        line-height: 28px
                        color: #fff
                        height: 28px
                        .s1
                            float: left
                            display: block
                            width: 215px
                        .s2
                            float: right
            .box2
                background: #eab145
                border-radius: 5px
                padding: 0 29px
                position: relative
                margin-top: 30px
                height: 295px
                .title
                    padding-top: 32px
                    h3
                        color: #fff
                        font-weight: bold
                        font-size: 22px
                        line-height: 1.2
                    h4
                        color: #fff
                        font-weight: bold
                        font-size: 14px
                        font-family: Arial, Helvetica, sans-serif
                        line-height: 1.2
                        margin-top: 3px
                .er
                    margin-top: 26px
                    width: 134px
                    height: 134px
                .text
                    position: absolute
                    top: 130px
                    right: 20px
                    h3
                        color: #fff
                        font-size: 16px
                    h4
                        font-size: 24px
                        color: #fff
                        margin-top: 14px
                        line-height: 1.2
                .pic
                    position: absolute
                    right: 29px
                    bottom: -42px
 

/*========
法务列表
==========*/   
.fawu-content
    margin-top: 55px
    margin-bottom: 70px
    h5
        padding-top: 27px
        font-size: 14px
        color: #707070
        a
            color: #707070
    .main
        margin-top: 10px
        margin-bottom: 40px
        .main-list
            width: 805px
            margin: 0 auto
            li
                height: 55px
                width: 100%
                line-height: 55px
                i
                    background: url('../images/fawu-icon.png') no-repeat
                    width: 12px
                    height: 12px
                    background-size: 100% 100%
                    display: inline-block
                    vertical-align: middle
                p
                    display: inline-block
                    vertical-align: middle
                    width: 765px
                    border-bottom: 1px solid #e5e5e5
                    margin-left: 20px
                    span.fl
                        font-size: 14px
                        color: #353535
                        font-weight: 700
                    span.fr
                        color: #5b9be5
                        font-size: 14px
    .page
        margin-top: 5px
        height: 40px
        text-align: center
        margin-bottom: 50px
        li
            width: 40px
            height: 40px
            border-radius: 50%
            background: #ff99cc
            line-height: 40px
            text-align: center
            display: inline-block
            margin: 0 5px
            &.active
                background: #009de2
            a
                color: #fff


/*========
关于米其儿
==========*/ 
.about-page
    padding-top: 55px
    width: 100%
    .title   
        h5
            margin-top: 27px
            font-size: 14px
            color: #707070
    .main1
        padding-top: 30px
        opacity: 0
        transform: translate(-200px,0)
        transition: all 1s ease-out 0s
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
            text-align: center
            margin-bottom: 10px
        h3
            font-size: 18px
            color: #e25a5a
            font-weight: 700
            text-align: center
        .box
            position: relative
            width: 1200px
            height: 708px
            margin: 35px auto 0
            .c1
                width: 873px
                height: 708px
                background: url('../images/c10.png') center center no-repeat
                position: absolute
                left: 110px
                top: 0
                padding: 0 68px 0 76px
                z-index: 3
                h3
                    color: #fff
                    font-size: 58px
                    line-height: 1
                    font-weight: bold
                    text-align: center
                    margin-top: 195px
                h4
                    color: #fff
                    font-size: 37px
                    line-height: 1
                    font-weight: bold
                    text-align: center
                    margin-top: 10px
                p
                    color: #fff
                    font-size: 14px
                    line-height: 1.8
                    margin-top: 20px
                    width: 340px
                    margin-left: 260px
                    text-align: justify
            .c2
                background: url('../images/about-img7.png') no-repeat
                background-size: 100% 100%
                position: absolute
                top: 475px
                left: 670px
                width: 203px
                height: 203px
                z-index: 9
                animation: swinging 10s ease-in-out 1.8s infinite
                -webkit-animation: swinging 10s ease-in-out 1.8s infinite
                transition: all 1s ease-out 1.5s
                -webkit-transition: all 1s ease-out 1.5s
                img
                    width: 80px
                    height: 80px
                    transform: rotate(-24deg)
                    position: absolute
                    top: 95px
                    left: 72px
                h4
                    font-size: 16px
                    color: #fff
                    transform: rotate(-24deg)
                    position: absolute
                    top: 47px
                p
                    font-size: 20px
                    color: #fff
                    transform: rotate(-24deg)
                    top: 73px
                    position: absolute
                    left: 19px
    .main2
        margin-top: 40px
        width: 100%
        height: 940px
        background: #fddc9f
        position: relative
        .renwuPic
            width: 415px
            height: 783px
            position: absolute
            left: 90px
            top: 85px
            opacity: 0
            -webkit-transform: translate(-200px,0px)
            transform: translate(-200px,0px)
            transition: all 1s ease-out 0s
            -webkit-transition: all 1s ease-out 0s
        .text       
            position: absolute
            top: 156px
            right: 150px
            width: 300px
            color: #fff
            opacity: 0
            -webkit-transform: translate(200px,0px)
            transform: translate(200px,0px)
            transition: all 1s ease-out 0s
            -webkit-transition: all 1s ease-out 0s
            h3
                font-size: 24px
                margin-bottom: 30px
                font-weight: 700
            p
                font-size: 14px
                margin-bottom: 30px
                line-height: 150%
                font-weight: 400
            span
                position: absolute
                top: 690px
                right: 10px
                font-weight: 400
    .main3
        height: 940px
        background:#fff url('../images/bg23.png') no-repeat
        .main3-icon
            background: url('../images/joinUs-icon.png') no-repeat
            width:  32px
            height: 104px
            background-size: 100% 100%
            margin: 0 auto
        .title_m
            text-align: center
            margin-top: 20px
            h3
                font-size: 32px
                color: #474747
                line-height: 35px
                span
                    font-size: 34px
                    font-weight: 600
                    background: url('../images/line2.png') right 11px no-repeat
                    padding-right: 15px
                    margin-right: 15px
            h4
                font-size: 22px
                color: #ff99cc
                margin-top: 5px
        .box
            background: url('../images/jiantou.png') no-repeat
            width: 1157px
            height: 309px
            background-size: 100% 100%
            margin-top: 120px
            margin-left: 24px
            position: relative
            .box-list-top
                width: 202px
                height: 250px
                background: url('../images/box-list-top.png') no-repeat
                background-size: 100% 100%
                position: absolute
                &:nth-child(1)
                    top: 62px
                    left: 0
                    opacity: 0
                    transform: translate(0,-100px)
                    transition: all 1s ease-out
                    -webkit-transform: translate(0,-100px)
                    -webkit-transition: all 1s ease-out
                &:nth-child(2)
                    -webkit-transform: rotate(180deg)
                    -moz-transform: rotate(180deg)
                    -ms-transform: rotate(180deg)
                    -o-transform: rotate(180deg)
                    transform: rotate(180deg)
                    top: 270px
                    left: 135px
                    opacity: 0
                    transform: translate(0,100px)
                    transition: all 1s .4s ease-out
                    -webkit-transform: translate(0,100px)
                    -webkit-transition: all 1s .4s ease-out
                &:nth-child(3)
                    top: 26px
                    left: 270px
                    opacity: 0
                    transform: translate(0,-100px)
                    transition: all 1s .8s ease-out
                    -webkit-transform: translate(0,-100px)
                    -webkit-transition: all 1s .8s ease-out
                &:nth-child(4)
                    -webkit-transform: rotate(180deg)
                    -moz-transform: rotate(180deg)
                    -ms-transform: rotate(180deg)
                    -o-transform: rotate(180deg)
                    transform: rotate(180deg)
                    top: 216px
                    left: 435px
                    opacity: 0
                    transform: translate(0,100px)
                    transition: all 1s 1.2s ease-out
                    -webkit-transform: translate(0,100px)
                    -webkit-transition: all 1s 1.2s ease-out
                &:nth-child(5)
                    top: -42px
                    left: 580px
                    opacity: 0
                    transform: translate(0,-100px)
                    transition: all 1s 1.6s ease-out
                    -webkit-transform: translate(0,-100px)
                    -webkit-transition: all 1s 1.6s ease-out
                &:nth-child(6)
                    -webkit-transform: rotate(180deg)
                    -moz-transform: rotate(180deg)
                    -ms-transform: rotate(180deg)
                    -o-transform: rotate(180deg)
                    transform: rotate(180deg)
                    top: 134px
                    left: 735px
                    opacity: 0
                    transform: translate(0,100px)
                    transition: all 1s 2s ease-out
                    -webkit-transform: translate(0,100px)
                    -webkit-transition: all 1s 2s ease-out
                &:nth-child(7)
                    top: -148px
                    left: 885px
                    opacity: 0
                    transform: translate(0,-100px)
                    transition: all 1s 2.4s ease-out
                    -webkit-transform: translate(0,-100px)
                    -webkit-transition: all 1s 2.4s ease-out
    .main4
        height: 940px
        background: #e6eef8
        .main4-icon
            background: url('../images/message-icon.png') no-repeat
            width:  32px
            height: 104px
            background-size: 100% 100%
            margin: 0 auto
        .title
            margin-top: 30px
            h4
                font-size: 34px
                color: #353535
                text-align: center
                font-weight: bold
            p
                font-size: 22px
                color: #ff99cc
                text-align: center
                margin-top: 15px
        .main4-item
            width: 1200px
            overflow: hidden
            position: relative
            margin-top: 80px
            ul
                li
                    width: 300px
                    float: left
                    height: 487px
                    position: relative
                    overflow: hidden
                    cursor: pointer
                    img
                        border: none
                        vertical-align: middle
                    .black
                        position: absolute
                        left: 0
                        top: 0
                        width: 100%
                        height: 100%
                        background: url('../images/black30.png') center center repeat
                        h3
                            color: #fff
                            font-size: 24px
                            line-height: 1.2
                            margin: 185px 0 0 36px
                            width: 235px
                        h4
                            color: #fff
                            font-size: 20px
                            line-height: 1.2
                            margin: 3px 0 0 36px
                            width: 235px
                        .arrow
                            background: url('../images/arrow601.png') center center no-repeat
                            display: block
                            width: 29px
                            height: 29px
                            margin: 30px 0 0 36px
                        .img-msk
                            width: 100%
                            height: 100%
                            position: absolute
                            left: 0
                            top: 0
                            transform: scale(0)
                            -webkit-transform: scale(0)
                            opacity: 0
                            background: url('../images/about-main-msk.png') no-repeat
                            transition: all .5s
                            -webkit-transition: all .5s
                            p
                                margin-left: 30px
                                padding-top: 95px
                                font-weight: bold
                                font-size: 22px
                                color: #fff
                            span
                                font-size: 14px
                                color: #fff
                                margin-left: 30px
                                margin-top: 25px
                                display: block
                                width: 230px
                                line-height: 150%
    .main5
        background:#fff url('../images/about-main5-bg.png') no-repeat center center
        background-size: 100% 100%
        width: 100%
        height: 940px
        position: relative
        .title
            padding-top: 160px
            h4
                font-size: 34px
                color: #353535
                text-align: center
                font-weight: bold
            p
                font-size: 22px
                color: #ff99cc
                text-align: center
                margin-top: 15px
                font-weight: 400
            span
                display: block
                margin: 0 auto
                font-size: 14px
                color: #353535
                width: 725px
                text-align: center
                line-height: 1.5
                margin-top: 15px
                color: #353535
        .main5-item
            ul
                width: 1070px
                margin: 90px auto 0
                li
                    float: left
                    width: 230px
                    height: 210px
                    position: relative
                    margin: 0 15px
                    margin-right: 20px
                    opacity: 0
                    &.rollIn
                        opacity: 1
                        animation-name: rollIn
                    &:nth-child(1)
                        background: url('../images/c12.png') center center no-repeat
                        background-size: 100% 100%
                        animation-duration: .5s
                        animation-delay: 0s
                        animation-timing-function: ease
                        animation-fill-mode: both
                    &:nth-child(2)
                        background: url('../images/c13.png') center center no-repeat
                        background-size: 100% 100%
                        animation-duration: .5s
                        animation-delay: .25s
                        animation-timing-function: ease
                        animation-fill-mode: both
                    &:nth-child(3)
                        background: url('../images/c12.png') center center no-repeat
                        background-size: 100% 100%
                        animation-duration: .75s
                        animation-delay: .25s
                        animation-timing-function: ease
                        animation-fill-mode: both
                     &:nth-child(4)
                        background: url('../images/c13.png') center center no-repeat
                        background-size: 100% 100%
                        margin-right: 0
                        animation-duration: 1s
                        animation-delay: .25s
                        animation-timing-function: ease
                        animation-fill-mode: both
        .main5-img
            background: url('../images/boyIcon.png') no-repeat
            width: 519px
            height: 155px
            background-size: 100% 100%
            position: absolute
            bottom: -27px
            left: 40px
    .main1.show
        opacity: 1
        transform: translate(0,0)
    .main2.show
        .renwuPic
            opacity: 1
            transform: translate(0,0)
        .text
            opacity: 1
            transform: translate(0,0)
    .main3.show
        .box
            .box-list-top
                &:nth-child(1)
                    opacity: 1
                    transform: translate(0,0)
                &:nth-child(2)
                    opacity: 1
                    transform: translate(0,0)
                &:nth-child(3)
                    opacity: 1
                    transform: translate(0,0)
                &:nth-child(4)
                    opacity: 1
                    transform: translate(0,0)
                &:nth-child(5)
                    opacity: 1
                    transform: translate(0,0)
                &:nth-child(6)
                    opacity: 1
                    transform: translate(0,0)
                &:nth-child(7)
                    opacity: 1
                    transform: translate(0,0)
                    

/*========
认证查询
==========*/
.renzheng-page
    .renzheng-banner
        background: #5396e4
        height: 525px
        width: 100%
        .banner-text
            padding-top: 175px
            h5
                font-size: 34px
                color: #fff
            h6
                width: 445px
                font-size: 18px
                margin-top: 35px
                line-height: 1.5
                color: #fff
            .text-check
                margin-top: 35px
                .text1,.inputSelect
                    width: 420px
                    height: 40px
                    border-radius: 8px
                    line-height: 40px
                    border: none
                    outline: none
                    font-size: 14px
                    color: #888
                    padding-left: 15px
                    box-sizing: border-box
                    display: block
                .inputSelect
                    background: #fff
                    margin-top: 15px
                    display: inline-block
                    position: relative
                    cursor: pointer
                    span
                        color: #888
                        font-size: 14px
                        font-weight: 400
                    i
                        display: inline-block
                        background: url('../images/daosanjiao.png') no-repeat
                        width: 16px
                        height: 8px
                        background-size: 100% 100%
                        position: absolute
                        right: 15px
                        top: 17px
                        cursor: pointer
                    ul
                        position: absolute
                        height: 123px
                        bottom: -125px
                        overflow: auto
                        left: 0
                        z-index: 999
                        width: 420px
                        li
                            width: 420px
                            background: #fff
                            cursor: pointer
                            span
                                display: block
                                width: 400px
                                height: 40px
                                line-height: 40px
                                border-bottom: 1px solid #e5e5e5
                                margin: 0 auto
                                font-size: 14px
                                color: #888
                .searchbtn
                    background: url('../images/searchBtn.png') no-repeat
                    width: 78px
                    height: 42px
                    background-size: 100% 100%
                    display: inline-block
                    vertical-align: middle
                    margin-left: 5px
        .banner-img
            padding-top: 60px
            margin-left: 110px
            width: 575px
            height: 600px
    .renzheng-content
        background-color: #deebff
        // padding: 50px 0 80px 
        min-height: 1295px
        // background: #deebff url('../images/bg1.jpg') left bottom no-repeat
        // background-size: contain
        .renzheng-search
            .renzheng-search-main
                width: 792px
                margin: 0 auto
                .title
                    font-size: 20px
                    text-align: center
                    margin-bottom: 20px
                    img
                        width: 53px
                        height: 50px
                    span
                        margin-left: 10px
                        font-weight: 400
                table
                    width: 100%
                    border-bottom: 1px solid #d2d2d2
                    border-collapse: collapse
                    tr
                        border-left: 1px solid #d2d2d2
                        border-right: 1px solid #d2d2d2
                        border-top: 1px solid #d2d2d2
                        text-align: center
                        td
                            padding-top: 12px
                            padding-bottom: 12px
                .shouqi
                    padding: 10px 0
                    text-align: center
                    border-bottom: 1px solid #dcdcdc
                    border-left: 1px solid #dcdcdc
                    border-right: 1px solid #dcdcdc
                    cursor: pointer
                    font-weight: 400
        .renzheng-text
            padding-top: 45px
            h1
                text-align: center
                font-size: 32px
                color: #353535
            p
                text-align: center
                font-size: 22px
                color: #ff99cc
                margin-top: 15px
            .renzheng-content
                img
                    display: block
                    width: 445px
                    height: 332px
                    margin: 55px auto 0
                h6
                    font-size: 22px
                    margin: 25px 0
                    text-align: center
                p
                    font-size: 14px
                    color: #353535
                    text-align: left
        


/*========
加盟米其儿
==========*/
.jiameng-banner
    position: relative
    overflow: hidden
    top: 0
    left: 0
    .jiameng-banner-item
        width: 100000px
        position: absolute
        top: 0
        left: 0
        height: 100%
        .jiameng-banner-list
            background-position: center center
            background-repeat: no-repeat
            background-size: cover
            float: left
            a 
                display: block
                width: 100%
                hegiht: 100%
                cursor: pointer
    ol
        position: absolute
        left: 50%
        bottom: 10px
        li
            display: inline-block
            width: 16px
            height: 16px
            border-radius: 50%
            background: #fff
            margin-right: 10px
            cursor: pointer
            &.active
                background: #ff99cc         
.jiameng-tiaojian
    height: 940px
    width: 100%
    position: relative
    background: url('../images/jiameng-tiaojian-bg.jpg') left bottom no-repeat
    background-size: 100% 100%
    .jiameng-liucheng-icon
        background: url('../images/message-icon.png') no-repeat
        width:  32px
        height: 104px
        background-size: 100% 100%
        margin: 0 auto
    .title
        padding-top: 45px
        text-align: center
        opacity: 0
        transform: translate(-100px,0)
        transition: all 1s ease-out
        -webkit-transform: translate(-100px,0)
        -webkit-transition: all 1s ease-out
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ffcc66
            margin: 15px 0
        span
            display: block
            font-size: 14px
            color: #353535
    .content
        width: 1200px
        position: relative
        overflow: hidden
        margin-top: 120px
        ul
            width: 1240px
            li
                width: 292px
                height: 447px
                background-size: 100% 100%
                float: left
                text-align: center
                margin-right: 10px
                opacity: 0
                transform: scale(0.5) rotateX(60deg)
                -webkit-transform: scale(0.5) rotateX(60deg)
                transform-style: preserve-3d
                -webkit-transform-style: preserve-3d
                transition: all 1s ease-out
                -webkit-transition: all 1s ease-out
                &:nth-child(1)
                    background: url('../images/tiaojian1.png') no-repeat
                &:nth-child(2)
                    background: url('../images/tiaojian2.png') no-repeat
                &:nth-child(3)
                    background: url('../images/tiaojian3.png') no-repeat
                &:nth-child(4)
                    background: url('../images/tiaojian4.png') no-repeat
                h5
                    padding-top: 75px
                    font-size: 26px
                    color: #fff
                p
                    font-size: 14px
                    color: #fff
                    margin: 5px 0 19px
                span
                    display: block
                    width: 230px
                    color: #fff
                    font-size: 12px
                    line-height: 1.5
                    margin: 0 auto
.jiameng-youshi
    background: #deebff url('../images/bg1.jpg') left bottom no-repeat
    height: 940px
    width:  100%
    background-size: 100% 100%
    .title
        padding-top: 30px
        text-align: center
        opacity: 0
        transform: translate(-100px,0)
        transition: all 1s ease-out
        -webkit-transform: translate(-100px,0)
        -webkit-transition: all 1s ease-out
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ffcc66
            margin: 15px 0
        span
            display: block
            font-size: 14px
            color: #353535
    .content
        margin-top: 45px
        position: relative
        overflow: hidden
        transform: translate(100px,0)
        transition: all 1s ease-out
        -webkit-transform: translate(100px,0)
        -webkit-transition: all 1s ease-out
        ul
            li
                width: 600px
                height: 202px
                float: left
                margin-bottom: 50px
                .imgLeft
                    width: 202px
                    height: 202px
                    position: relative
                    span
                        position: absolute
                        left: 0
                        top: 0
                        right: 0
                        line-height: 202px
                        text-align: center
                        color: #fff
                        font-weight: 700
                .textRight
                    width: 365px
                    margin-left: 20px
                    h6
                        padding-top: 35px
                        font-size: 18px
                        font-weight: 700
                        line-height: 150%
                    p
                        font-size: 14px
                        margin-top: 15px
                        line-height: 150%                      
.jiameng-zhichi
    height: 940px
    width: 100%
    position: relative
    background: url('../images/jiameng-zhichi-bg.jpg') left bottom no-repeat
    background-size: 100% 100%
    .title
        padding-top: 30px
        text-align: center
        opacity: 0
        transform: translate(-100px,0)
        transition: all 1s ease-out
        -webkit-transform: translate(-100px,0)
        -webkit-transition: all 1s ease-out
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ffcc66
            margin: 15px 0
        span
            display: block
            font-size: 14px
            color: #353535
    .content
        ul
            li
                float: left
                &:nth-child(1)
                    width: 146px
                    height: 704px
                    margin-top: 110px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s ease-out
                &:nth-child(2)
                    width: 142px
                    height: 625px
                    margin-top: 189px
                    margin-left: -25px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s .3s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s .3s ease-out
                &:nth-child(3)
                    width: 148px
                    height: 743px
                    margin-top: 71px
                    margin-left: -25px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s .6s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s .6s ease-out
                &:nth-child(4)
                    width: 149px
                    height: 432px
                    margin-top: 382px
                    margin-left: -25px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s .9s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s .9s ease-out
                &:nth-child(5)
                    width: 147px
                    height: 614px
                    margin-top: 200px
                    margin-left: -30px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s 1.2s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s 1.2s ease-out
                &:nth-child(6)
                    width: 146px
                    height: 480px
                    margin-top: 334px
                    margin-left: -25px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s 1.5s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s 1.5s ease-out
                &:nth-child(7)
                    width: 146px
                    height: 679px
                    margin-top: 135px
                    margin-left: -35px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s 1.8s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s 1.8s ease-out
                &:nth-child(8)
                    width: 146px
                    height: 511px
                    margin-top: 303px
                    margin-left: -25px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s 2.1s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s 2.1s ease-out
                &:nth-child(9)
                    width: 147px
                    height: 751px
                    margin-top: 63px
                    margin-left: -30px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s 2.4s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s 2.4s ease-out
                &:nth-child(10)
                    width: 118px
                    height: 611px
                    margin-top: 203px
                    margin-left: -25px
                    opacity: 0
                    transform: translate(-50px,0)
                    transition: all 1s 2.7s ease-out
                    -webkit-transform: translate(-50px,0)
                    -webkit-transition: all 1s 2.7s ease-out
.jiameng-liucheng
    width: 100%
    height: 940px
    background: url('../images/jiameng-liucheng-bg.jpg') no-repeat
    background-size: 100% 100%
    .jiameng-liucheng-icon
        background: url('../images/message-icon.png') no-repeat
        width:  32px
        height: 104px
        background-size: 100% 100%
        margin: 0 auto
    .title
        padding-top: 30px
        text-align: center
        opacity: 0
        transform: translate(-100px,0)
        transition: all 1s ease-out
        -webkit-transform: translate(-100px,0)
        -webkit-transition: all 1s ease-out
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ffcc66
            margin: 15px 0
        span
            display: block
            font-size: 14px
            color: #353535
            line-height: 150%
    .content
        margin-top: 90px
        opacity: 0
        transform: translate(100px,0)
        transition: all 1s ease-out
        -webkit-transform: translate(100px,0)
        -webkit-transition: all 1s ease-out
.jiameng-xiaoguo
    width: 100%
    height: 940px
    background: #fee2e0
    .jiameng-xiaoguo-icon
        background: url('../images/index-icon.png') no-repeat
        width:  32px
        height: 104px
        background-position: 0  0
        background-size: 64px 104px
        margin: 0 auto
    .title
        padding-top: 100px
        text-align: center
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ffcc66
            margin: 15px 0
        span
            display: block
            font-size: 14px
            color: #353535
            line-height: 150%
    .content
        margin-top: 85px
        position: relative
        overflow: hidden
        width: 1200px
        height: 330px
        ul
            width: 100000px
            position: absolute
            left: 0
            top: 0
            li
                float: left
                margin-right: 20px
                width: 387px
                height: 290px
                span
                    font-size: 14px
                    text-align: center
                    margin-top: 15px
                    display: block
                    font-weight: 700
        .btn
            font-size: 64px
            position: absolute
            color: #fff
            top: 50%
            margin-top: -50px
            cursor: pointer
            &.swiper-button-prev
                left: 2%
            &.swiper-button-next
                right: 2%
            &.swiper-button-disabled
                opacity: .3
.jiameng-anli
    width: 100%
    height: 940px
    background: url('../images/jiameng-anli.jpg') no-repeat
    background-size: 100% 100%
    .jiameng-anli-icon
        background: url('../images/index-icon.png') no-repeat
        width:  32px
        height: 104px
        background-position: -32px  0
        background-size: 64px 104px
        margin: 0 auto
    .title
        padding-top: 35px
        text-align: center
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ff99cc
            margin: 15px 0
        span
            display: block
            font-size: 14px
            color: #353535
            line-height: 150%
    .content
        margin-top: 55px
        position: relative
        height: 433px
        width: 1200px
        overflow: hidden
        ul
            width: 100000px
            position: absolute
            li
                width: 1200px
                height: 433px
                position: relative
                float: left
                cursor: pointer
                .img-item
                    width: 300px
                    height: 100%
                    float: left
                    position: relative
                    span.name
                        font-size: 16px
                        color: #fff
                        position: absolute
                        bottom: 20px
                        left: 20px
                    .img-msk
                        background: url('../images/jiameng-anli-imgMsk.png')
                        width: 100%
                        height: 100%
                        position: absolute
                        left:  0
                        top: 0
                        opacity: 0
                        transform: scale(0)
                        transition: all .5s
                        p
                            margin-left: 30px
                            padding-top: 100px
                            font-size: 22px
                            color: #fff
                            font-weight: bold
                            margin-bottom: 20px
                        span
                            display: block
                            margin-left: 30px
                            font-size: 14px
                            color: #fff
                            line-height: 30px
        ol
            position: absolute
            left: 50%
            bottom: 10px
            li
                display: inline-block
                width: 16px
                height: 16px
                border-radius: 50%
                background: #fff
                margin-right: 10px
                cursor: pointer
                &.active
                    background: #ff99cc
.jiameng-jianjie
    background: url('../images/jiameng-jianjie.jpg') no-repeat left center
    width: 100%
    height: 940px
    background-size: 100% 100%
    overflow: hidden
    .jiameng-logo
        width: 329px
        height: 47px
        margin-left: 740px
        padding-top: 230px
    h2
        font-size: 53px
        margin-top: 20px
        margin-left: 650px
    p
        margin-top: 20px
        font-size: 27px
        margin-left: 680px
    .imgApp
        width: 160px
        height: 160px
        display:  inline-block
        margin-left: 702px
        margin-top: 60px
        span
            text-align: center
            display: block
            margin-top: 10px
    .imgErweima
        width: 160px
        height: 160px
        display: inline-block
        margin-top: 60px
        margin-left: 50px
        span
            text-align: center
            display: block
            margin-top: 10px
.jiameng-tiaojian.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        ul
            li
                opacity: 1
                transform: scale(1) rotateX(0deg)
                -webkit-transform: scale(1) rotateX(0deg)
.jiameng-youshi.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        opacity: 1
        transform: translate(0,0)
.jiameng-zhichi.show   
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        ul
            li
                opacity: 1
                transform: translate(0,0)
.jiameng-liucheng.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        opacity: 1
        transform: translate(0,0)                   

/*========
国际早教
==========*/ 
.zaojiao-banner
    height: 885px
    width: 100%
    background: url('../images/zaojiao-banner-bg.png') no-repeat
    background-size: 100% 100%
    position: relative
    .zaojiao-banner-boy
        width: 402px
        height: 591px
        padding-top: 105px
        margin-left: 60px
        display: inline-block
        opacity: 0
        transform: translate(-100px,0)
        transition: all 1s ease-out 0s
        -webkit-transform: translate(-100px,0)
        -webkit-transition: all 1s ease-out 0s
    .zaojiao-banner-tuxing
        position: absolute
        top: 167px
        background: url('../images/zaojiao-banner-tuxing.png') no-repeat
        width: 807px
        height: 611px
        background-size: 100% 100%
        display: inline-block
        right: 0px
        .zaojiao-banner-wrap
            background: url('../images/zaojiao-banner-wrap.png') no-repeat
            width: 344px
            height: 458px
            background-size: 100% 100%
            position: absolute
            right: 235px
            top: 20px
            opacity: 0
            transform: translate(100px,0)
            transition: all 1s .5s ease-out
            -webkit-transform: translate(100px,0)
            -webkit-transition: all 1s .5s ease-out
            h3
                font-size: 22px
                color: #fff
                line-height: 1.2
                text-align: center
                margin-top: 20px
            h4
                font-size: 20px
                color: #ffdf7e
                line-height: 1.2
                text-align: center
                margin: 2px 0 12px
                font-weight: bold
            .div
                border-bottom: solid 1px #fff
                height: 39px
                width: 276px
                margin: 0 auto
                label
                    color: #fff
                    display: block
                    float: left
                    font-size: 14px
                    line-height: 39px
                    padding-left: 6px
                    width: 80px
                input
                    border: none
                    color: #fff !important
                    float: left
                    font-size: 14px
                    height: 39px
                    line-height: 39px
                    width: 180px
                    background: none
                    padding: 0
                span
                    color: #fff
                    display: block
                    float: left
                    font-size: 14px
                    line-height: 39px
                    padding-left: 6px
                    width: 80px
                    height: 39px
                    background: none
                    border: none
                .select
                    background: url('../images/daosanjiao-white.png') right center no-repeat
                    width: 190px
                    height: 39px
                    line-height: 39px
                    font-size: 14px
                    color: #fff
                    position: relative
                    cursor: pointer
                    float: left
                    span
                        font-size: 14px
                        color: #fff !important
                        display: block
                        height: 39px
                        width: 184px
                    ul
                        width: 276px
                        height: 0px
                        line-height: 30px
                        overflow-y: auto
                        overflow-x: hidden
                        position: absolute
                        left: -86px
                        top: 39px
                        z-index: 3
                        li
                            background: #aec4d0
                            cursor: pointer
                            line-height: 39px
                            color: #fff
                            text-align: center
                            &:hover
                                background: yellow
                input
                    border: none
                    color: #474747
                    float: left
                    font-size: 14px
                    height: 39px
                    line-height: 39px
                    width: 180px
                    background: none
                    padding: 0
                #vcode
                    width: 100px
                .yz
                    color: #fff
                    display: block
                    float: right
                    height: 39px
                    line-height: 39px
                    text-align: center
                    width: 90px
                    background: #a8cfe3
            .btn
                display: block
                height: 42px
                background: #fff
                color: #ff9600
                text-align: center
                width: 276px
                margin: 13px auto 0
                line-height: 42px
                font-size: 18px
                border-radius: 5px
                font-weight: 400
.zaojiao-gaikuang
    width: 100%
    height: 940px
    background: #bacf52
    .title
        padding-top: 40px
        text-align: center
        opacity: 0
        transform: translate(-100px,0)
        transition: all 1s ease-out 0s
        -webkit-transform: translate(-100px,0)
        -webkit-transition: all 1s ease-out 0s
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
            color: #fff
        p
            font-size: 22px
            font-weight: 700
            color: #fc6
            margin: 15px 0
    .content
        width: 992px
        height: 838px
        margin: -50px auto 0
        opacity: 0
        transform: translate(100px,0)
        transition: all 1s .5s ease-out
        -webkit-transform: translate(100px,0)
        -webkit-transition: all 1s .5s ease-out
.zaojiao-licheng
    background: #deebff
    width: 100%
    height: 1165px
    .title
        padding-top: 70px
        text-align: center
        opacity: 0
        transform: translate(0,-100px)
        transition: all 1s ease-out 0s
        -webkit-transform: translate(0,-100px)
        -webkit-transition: all 1s ease-out 0s
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ff99cc
            margin: 15px 0
    .content
        width: 750px
        height: 923px
        margin: 30px auto 0
        opacity: 0
        transform: translate(0,100px)
        transition: all 1s ease-out 0s
        -webkit-transform: translate(0,100px)
        -webkit-transition: all 1s ease-out 0s
.zaojiao-tese
    width: 100%
    height: 940px
    background: #fff
    .zaojiao-tese-wrap
        width: 100%
        height: 820px
        background: #dde4d4
        .title
            padding-top: 70px
            text-align: center
            opacity: 0
            transform: translate(-100px,0)
            transition: all 1s ease-out 0s
            -webkit-transform: translate(-100px,0)
            -webkit-transition: all 1s ease-out 0s
            h2
                font-size: 34px
                color: #353535
                font-weight: 700
            p
                font-size: 22px
                font-weight: 700
                color: #ff99cc
                margin: 15px 0
        .content
            width: 1188px
            height: 674px
            background: url('../images/zaojiao-tese-bg.png') no-repeat
            background-size: 100% 100%
            position: relative
            opacity: 0
            transform: translate(100px,0)
            transition: all 1s .5s ease-out
            -webkit-transform: translate(100px,0)
            -webkit-transition: all 1s .5s ease-out
            .text1
                width: 170px
                position: absolute
                top: 200px
                left: 99px
                transform: rotate(-8deg)
                h3
                    font-size: 18px
                    font-weight: bold
                p
                    margin-top: 8px
                    font-size: 12px
                    font-weight: 400
            .text2
                    width: 170px
                    position: absolute
                    top: 123px
                    left: 406px
                    transform: rotate(-3deg)
                h3
                    font-size: 18px
                    font-weight: bold
                p
                    margin-top: 8px
                    font-size: 12px
                    font-weight: 400
            .text3           
                    width: 170px
                    position: absolute
                    top: 191px
                    left: 692px
                    transform: rotate(2deg)
                h3
                    font-size: 18px
                    font-weight: bold
                p
                    margin-top: 8px
                    font-size: 12px
                    font-weight: 400
            .text4          
                width: 170px
                position: absolute
                top: 78px
                left: 956px
                transform: rotate(17deg)
                h3
                    font-size: 18px
                    font-weight: bold
                p
                    margin-top: 8px
                    font-size: 12px
                    font-weight: 400
    .hengxian
        width: 100%
        height: 41px
        background: url('../images/hengxian.png') no-repeat
        background-size: 100% 100%
        margin-top: -22px
    .boyIcon
        width: 250px
        height: 369px
        margin: -285px auto 0
        opacity: 0
        transform: translate(0,30px)
        -webkit-transform: translate(0,30px)
        transition: all 1s 1s ease-out
        -webkit-transition: all 1s 1s ease-out
.zaojiao-tixi
    width: 100%
    height: 1212px
    background: url('../images/zaojiao-tixi.jpg') no-repeat
    background-size: 100% 100%
    .title
        padding-top: 40px
        text-align: center
        opacity: 0
        transform: translate(0,-100px)
        transition: all 1s ease-out 0s
        -webkit-transform: translate(0,-100px)
        -webkit-transition: all 1s ease-out 0s
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
        p
            font-size: 22px
            font-weight: 700
            color: #ff99cc
            margin: 15px 0
    .content
        margin-top: 85px
        opacity: 0
        transform: translate(0,100px)
        transition: all 1s ease-out 0s
        -webkit-transform: translate(0,100px)
        -webkit-transition: all 1s ease-out 0s
        position: relative
        h6
            font-size: 16px
            text-align: center
            font-weight: bold
        h5
            font-size: 22px
            margin-top: 10px
            text-align: center
            font-weight: bold
        img
            margin: 10px -10px 0 0
            height: 827px
            width: 1197px
        a
            position: absolute
            width: 200px
            height: 200px
            background: blue
            border-radius: 50%
            cursor: pointer
            &.ledong
                left: 345px
                top: 104px
            &.qizhi
                left: 557px
                top: 63px
            &.yinyue
                left: 751px
                top: 180px
            &.yishu
                left: 792px
                top: 406px
            &.quanri
                left: 674px
                top: 598px
            &.shuli
                left: 457px
                top: 626px
            &.kexue
                left: 261px
                top: 518px
            &.quannao
                left: 215px
                top: 297px
.zaojiao-xitong
    width: 100%
    height: 940px
    background: #eab145
    .title
        padding-top: 50px
        text-align: center
        opacity: 0
        transform: translate(-100px,0)
        transition: all 1s ease-out 0s
        -webkit-transform: translate(-100px,0)
        -webkit-transition: all 1s ease-out 0s
        h2
            font-size: 34px
            color: #353535
            font-weight: 700
            color: #fff
        p
            font-size: 22px
            font-weight: 700
            color: #ff99cc
            margin: 15px 0
            color: #fff
        span
            display: block
            font-size: 22px
            text-align: center
            font-weight: 400
            margin-top: 15px
            color: #fff
    .content
        .text-left
            width: 334px
            opacity: 0
            transform: translate(100px,0)
            transition: all 1s .4s ease-out
            -webkit-transform: translate(100px,0)
            -webkit-transition: all 1s .4s ease-out
            .text-box1
                margin-top: 100px 
                width: 330px
                border: 2px solid #fff
                height: 161px
                border-radius: 10px
                padding-left: 35px
                padding-top: 23px
                h6
                    font-size: 18px
                    font-weight: bold
                    color: #fff
                    margin-bottom: 13px
                    b
                        font-size: 36px
                        color: #fff
                span
                    font-size: 14px
                    display: inline-block
                    color: #fff
                    width: 100px
                    text-align: left
                    margin-right: 60px
                    margin-bottom: 10px
            .text-box2
                margin-top: 10px
                width: 330px
                border: 2px solid #fff
                height: 321px
                border-radius: 10px
                padding-left: 35px
                padding-top: 23px
                h6
                    font-size: 18px
                    font-weight: bold
                    color: #fff
                    margin-bottom: 13px
                    b
                        font-size: 36px
                        color: #fff
                p
                    margin-bottom: 8px
                    span
                        width: 60px
                        height: 20px
                        display: inline-block
                        line-height: 20px
                        text-align: center
                        background: #920883
                        border-radius: 20px
                        color: #fff
                        font-size: 12px
                        vertical-align: middle
                    b
                        display: inline-block
                        font-size: 14px
                        color: #fff
                        margin-left: 35px
                        vertical-align: middle
        .img
            width: 488px
            height: 638px
            margin-left: 60px
            margin-top: 100px
            opacity: 0
            transform: translate(0,100px)
            transition: all 1s ease-out
            -webkit-transform: translate(0,100px)
            -webkit-transition: all 1s ease-out
        .text-right
            padding-top: 280px
            opacity: 0
            transform: translate(-100px,0)
            transition: all 1s .4s ease-out
            -webkit-transform: translate(-100px,0)
            -webkit-transition: all 1s .4s ease-out
            h6
                font-size: 18px
                font-weight: bold
                color: #fff
                margin-bottom: 13px
                margin-right: 75px
                b
                    font-size: 36px
                    color: #fff
            img
                margin-top: 30px
                width: 318px
                height: 222px
.zaojiao-followUs
    width: 100%
    height: 425px
    font-size: 0
    .content-left
        width: 600px
        display: inline-block
        h3
            font-size: 68px
            color: #ff99cc
            font-weight: 700
            padding-top: 150px
            text-align: center
        p
            width: 455px
            height: 62px
            margin: 40px auto
    .content-right
        width: 600px
        display: inline-block
        .imgApp
            width: 160px
            height: 160px
            margin-left: 115px
            margin-top: 120px
            span
                display: block
                text-align: center
                margin-top: 15px
                color: #000
                font-size: 14px
                font-weight: 400
        .imgErweima
            width: 160px
            height: 160px
            margin-left: 50px
            margin-top: 120px
            span
                display: block
                text-align: center
                margin-top: 15px
                color: #000
                font-size: 14px
                font-weight: 400
.zaojiao-banner.show
    .zaojiao-banner-boy
        opacity: 1
        transform: translate(0,0)
    .zaojiao-banner-tuxing
        .zaojiao-banner-wrap
            opacity: 1
            transform: translate(0,0)
.zaojiao-gaikuang.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        opacity: 1
        transform: translate(0,0)
.zaojiao-licheng.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        opacity: 1
        transform: translate(0,0)
.zaojiao-tese.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        opacity: 1
        transform: translate(0,0)
    .boyIcon
        opacity: 1
        transform: translate(0,0) 
.zaojiao-tixi.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        opacity: 1
        transform: translate(0,0) 
.zaojiao-xitong.show
    .title
        opacity: 1
        transform: translate(0,0)
    .content
        .text-left
            opacity: 1
            transform: translate(0,0)
        .img
            opacity: 1
            transform: translate(0,0)
        .text-right
            opacity: 1
            transform: translate(0,0) 

/*========
MICHIL课程
==========*/ 
.kecheng-banner
    width: 100%
    height: 100%
    background-size: 100% 100% 
.kecheng-neirong
    width: 100%
    hegiht: 1560px
    position: relative
    .content-bottom
        width: 1200px
        margin: 0 auto 55px
        .title
            h6
                font-size: 34px
                text-align: center
                font-weight: 700
            p
                font-size: 22px
                color: #ffcc22
                text-align: center
                font-weight: bold
                margin-top: 12px
                margin-bottom: 40px
        .main
            background: url('../images/kecheng-item-bg.png') no-repeat
            width: 100%
            height: 166px
            background-size: 100% 100%
            position: relative
            li
                cursor: pointer
                position: absolute
                width: 150px
                height: 160px
                bottom: 0px
            .kecheng-circle1
                left: 0px
            .kecheng-circle2
                left: 151px
            .kecheng-circle3
                left: 302px
            .kecheng-circle4
                left: 453px
            .kecheng-circle5
                left: 604px
            .kecheng-circle6
                left: 755px
            .kecheng-circle7
                left: 906px
            .kecheng-circle8
                left: 1057px
        


/*========
联系我们
==========*/
.lianxi-main
    .title
        .contact-item1
            width: 185px
            height: 65px
            background: #b8d200
            float: left
            span
                font-size: 18px
                font-weight: bold
                display: block
                text-align: center
                margin-top: 15px
                color: #fff
                &:nth-child(2)
                    font-size: 14px
                    margin-top: 10px
        .contact-item2
            float: left
            width: 185px
            height: 65px
            background: #b8d200
            margin-left: 7px
            a
                display: inline-block
                width: 100%
                height: 100%
                font-size: 0
                i
                    display: inline-block
                    width: 18px
                    height: 18px
                    border-radius: 50%
                    background: #fff
                    margin-top: 25px
                    margin-left: 35px
                    vertical-align: middle
                span
                    margin-top: 25px
                    display: inline-block
                    font-size: 18px
                    font-weight: bold
                    color: #fff
                    margin-left: 15px
                    vertical-align: middle
        .contact-item3
            float: left
            width: 185px
            height: 65px
            margin-left: 7px
            &:hover
                background: #fac02c
                a
                    i
                        background: #fff
                    span
                        color: #fff
            a
                display: inline-block
                width: 100%
                height: 100%
                font-size: 0
                i
                    display: inline-block
                    width: 18px
                    height: 18px
                    border-radius: 50%
                    background: #fac02c
                    margin-top: 25px
                    margin-left: 35px
                    vertical-align: middle
                span
                    margin-top: 25px
                    display: inline-block
                    font-size: 18px
                    font-weight: bold
                    color: #353535
                    margin-left: 15px
                    vertical-align: middle
    h2
        font-size: 32px
        font-weight: bold
        margin-top: 30px
        margin-bottom: 15px
    i
        display: block
        width: 25px
        height: 9px
        background: #00b0ec
    .lianxi-map
        width: 1200px
        height: 490px
        margin-top: 20px
        display: block
    .lianxi-info
        width: 1200px
        height: 655px
        background: #deebff
        margin-bottom: 100px
        .lianxi-info-wrap
            width: 727px
            margin: 0 auto
            padding-top: 35px
            h5
                font-size: 28px
                color: #ff9900
                font-weight: bold
            p
                font-size: 22px
                font-weight: 400
                margin-top: 10px
            .content
                width: 725px
                margin: 50px auto 0
                i
                    width: 62px
                    height: 62px
                    background-repeat: no-repeat
                    background-size: 100% 100%
                    display: inline-block
                input
                    display: inline-block
                    width: 630px
                    border: none
                    background: #fff
                    height: 62px
                    position: absolute
                    top: 0
                    left: 92px
                    padding-left: 10px
                    font-size: 14px
                    box-sizing: border-box
                .name
                    width: 100%
                    height: 62px
                    margin-bottom: 30px
                    position: relative
                    i.nameIco
                        background-image: url('../images/name-icon.png')
                .phone
                    width: 100%
                    height: 62px
                    margin-bottom: 30px
                    position: relative
                    i.phoneIco
                        background-image: url('../images/phone-icon.png')
                .tellme
                    width: 100%
                    height: 180px
                    margin-bottom: 30px
                    position: relative
                    i.emailIco
                        background-image: url('../images/email-icon.png')
                    textarea
                        height: 180px
                        width: 630px
                        position: absolute
                        top: 0
                        left: 92px
                        border: none
                        padding: 10px
                        font-size: 14px
                        box-sizing: border-box
                        outline: none
                .submit-btn
                    display: block
                    width: 250px
                    height: 60px
                    line-height: 60px
                    text-align: center
                    background: #ffc44e
                    color: #fff
                    font-size: 22px
                    margin: 0 auto
                      
                  

/*========
地图中心
==========*/               
.map-main
    margin-bottom: 60px
    .title
        .contact-item1
            width: 185px
            height: 65px
            background: #b8d200
            float: left
            span
                font-size: 18px
                font-weight: bold
                display: block
                text-align: center
                margin-top: 15px
                color: #fff
                &:nth-child(2)
                    font-size: 14px
                    margin-top: 10px
        .contact-item2
            float: left
            width: 185px
            height: 65px
            margin-left: 7px
            &:hover
                background: #b8d200
                a
                    i
                        background: #fff
                    span
                        color: #fff
            a
                display: inline-block
                width: 100%
                height: 100%
                font-size: 0
                i
                    display: inline-block
                    width: 18px
                    height: 18px
                    border-radius: 50%
                    background: #b8d200
                    margin-top: 25px
                    margin-left: 35px
                    vertical-align: middle
                span
                    margin-top: 25px
                    display: inline-block
                    font-size: 18px
                    font-weight: bold
                    color: #353535
                    margin-left: 15px
                    vertical-align: middle
        .contact-item3
            float: left
            width: 185px
            height: 65px
            margin-left: 7px
            background: #fac02c
            a
                display: inline-block
                width: 100%
                height: 100%
                font-size: 0
                i
                    display: inline-block
                    width: 18px
                    height: 18px
                    border-radius: 50%
                    background: #fff
                    margin-top: 25px
                    margin-left: 35px
                    vertical-align: middle
                span
                    margin-top: 25px
                    display: inline-block
                    font-size: 18px
                    font-weight: bold
                    color: #fff
                    margin-left: 15px
                    vertical-align: middle
    h2
        font-size: 32px
        font-weight: bold
        margin-top: 30px
        margin-bottom: 15px
    i
        display: block
        width: 25px
        height: 9px
        background: #00b0ec
    .map-container
        margin-top: 50px
        .map-pic
            background: url('../images/map-pic.jpg') no-repeat
            width: 772px
            height: 638px
            background-size: 100% 100%
            position: relative
            left: 20px
            li
                position: absolute
                cursor: pointer
                &:nth-child(1)
                    width: 53px
                    height: 66px
                    right: 50px
                    top: 60px
                &:nth-child(2)
                    width: 39px
                    height: 49px
                    right: 89px
                    top: 174px 
                &:nth-child(3)
                    width: 41px
                    height: 49px
                    right: 154px
                    top: 264px
                &:nth-child(4)
                    width: 38px
                    height: 49px
                    right: 233px
                    top: 266px
                &:nth-child(5)
                    width: 38px
                    height: 49px
                    right: 118px
                    top: 329px
                &:nth-child(6)
                    width: 38px
                    height: 49px
                    right: 207px
                    top: 324px
                &:nth-child(7)
                    width: 39px
                    height: 49px
                    right: 152px
                    top: 357px
                &:nth-child(8)
                    width: 40px
                    height: 50px
                    right: 214px
                    top: 370px
                &:nth-child(9)
                    width: 38px
                    height: 49px
                    right: 357px
                    top: 393px
                &:nth-child(10)
                    width: 40px
                    height: 49px
                    right: 98px
                    top: 400px
                &:nth-child(11)
                    width: 42px
                    height: 49px
                    right: 165px
                    top: 428px
                &:nth-child(12)
                    width: 39px
                    height: 50px
                    right: 227px
                    top: 436px
                &:nth-child(13)
                    width: 40px
                    height: 50px
                    right: 126px
                    top: 459px
                &:nth-child(14)
                    width: 39px
                    height: 50px
                    right: 270px
                    top: 512px
                &:nth-child(15)
                    width: 39px
                    height: 49px
                    right: 377px
                    top: 501px
        .map-text
            width: 344px
            margin-right: 20px
            .map-text-wrap
                width: 225px
                margin: 0 auto
                h5
                    font-size: 20px
                    font-weight: bold
                    text-align: center
                    line-height: 1.8
                    border-bottom: 1px solid #b8d200
                ul
                    border-bottom: 1px solid #b8d200
                    li
                        font-size: 14px
                        color: #888
                        line-height: 20px
                        margin-top: 13px
                        font-weight: 400
                        &:last-child
                            margin-bottom: 15px  
            .zaojiao-banner-wrap
                background: url('../images/zaojiao-banner-wrap.png') no-repeat
                width: 344px
                height: 458px
                background-size: 100% 100%
                margin-top: 30px
                h3
                    font-size: 22px
                    color: #fff
                    line-height: 1.2
                    text-align: center
                    padding-top: 20px
                h4
                    font-size: 20px
                    color: #ffdf7e
                    line-height: 1.2
                    text-align: center
                    margin: 2px 0 12px
                    font-weight: bold
                .div
                    border-bottom: solid 1px #fff
                    height: 39px
                    width: 276px
                    margin: 0 auto
                    label
                        color: #fff
                        display: block
                        float: left
                        font-size: 14px
                        line-height: 39px
                        padding-left: 6px
                        width: 80px
                    input
                        border: none
                        color: #fff !important
                        float: left
                        font-size: 14px
                        height: 39px
                        line-height: 39px
                        width: 180px
                        background: none
                        padding: 0
                    span
                        color: #fff
                        display: block
                        float: left
                        font-size: 14px
                        line-height: 39px
                        padding-left: 6px
                        width: 80px
                        height: 39px
                        background: none
                        border: none
                    .select
                        background: url('../images/daosanjiao-white.png') right center no-repeat
                        width: 190px
                        height: 39px
                        line-height: 39px
                        font-size: 14px
                        color: #fff
                        position: relative
                        cursor: pointer
                        float: left
                        span
                            font-size: 14px
                            color: #fff !important
                            display: block
                            height: 39px
                            width: 184px
                        ul
                            width: 276px
                            height: 0px
                            line-height: 30px
                            overflow-y: auto
                            overflow-x: hidden
                            position: absolute
                            left: -86px
                            top: 39px
                            z-index: 3
                            li
                                background: #aec4d0
                                cursor: pointer
                                line-height: 39px
                                color: #fff
                                text-align: center
                                &:hover
                                    background: yellow
                    input
                        border: none
                        color: #474747
                        float: left
                        font-size: 14px
                        height: 39px
                        line-height: 39px
                        width: 180px
                        background: none
                        padding: 0
                    #vcode
                        width: 100px
                    .yz
                        color: #fff
                        display: block
                        float: right
                        height: 39px
                        line-height: 39px
                        text-align: center
                        width: 90px
                        background: #a8cfe3
                .btn
                    display: block
                    height: 42px
                    background: #fff
                    color: #ff9600
                    text-align: center
                    width: 276px
                    margin: 13px auto 0
                    line-height: 42px
                    font-size: 18px
                    border-radius: 5px
                    font-weight: 400   
            


// 教师查询
.query-page
    .query-banner
        background: #5396e4
        height: 525px
        width: 100%
        .banner-text
            padding-top: 175px
            h5
                font-size: 34px
                color: #fff
            h6
                width: 445px
                font-size: 18px
                margin-top: 35px
                line-height: 1.5
                color: #fff
            .text-check
                margin-top: 35px
                .text1
                    width: 420px
                    height: 40px
                    border-radius: 8px
                    line-height: 40px
                    border: none
                    outline: none
                    font-size: 14px
                    color: #888
                    padding-left: 15px
                    box-sizing: border-box
                    display: inline-block
                .searchbtn
                    background: url('../images/searchBtn.png') no-repeat
                    width: 78px
                    height: 42px
                    background-size: 100% 100%
                    display: inline-block
                    vertical-align: middle
                    margin-left: 5px
        .banner-img
            padding-top: 60px
            margin-left: 110px
            width: 575px
            height: 600px
    .query-content
        background-color: #deebff 
        min-height: 1295px
        .query-search
            .query-search-main
                width: 792px
                margin: 0 auto
                .title
                    font-size: 20px
                    text-align: center
                    margin-bottom: 20px
                    img
                        width: 26px
                    span
                        margin-left: 10px
                        font-weight: 400
                table
                    width: 100%
                    border-bottom: 1px solid #d2d2d2
                    border-collapse: collapse
                    tr
                        border-left: 1px solid #d2d2d2
                        border-right: 1px solid #d2d2d2
                        border-top: 1px solid #d2d2d2
                        text-align: center
                        th
                            padding-top: 12px
                            padding-bottom: 12px
                            font-weight: 700
                            font-size: 20px
                            text-align: center
                        td
                            padding-top: 12px
                            padding-bottom: 12px
                            text-align: center
                            font-size: 16px
                            .more
                                cursor: pointer
                            .more-icon
                                width: 13px
                                height: 7px
                                margin-left: 5px
                                display: inline-block
                                cursor: pointer
                                background: url('../images/more-icon.gif') no-repeat
                    .teacher-info
                        text-align: left !important
                        border-left: none !important
                        border-right: none !important
                        td
                            padding-bottom: 12px
                            .teacher-info-wrap
                                background: #fafafa
                                padding: 15px
                                border: 1px solid #f3f3f3 !important
                                position: relative
                                .teacher-info-left
                                    float: left
                                    width: 221px
                                    img
                                        background: #DCDCDC
                                        width: 197px
                                        height: 197px
                                        display: inline-block
                                        border-radius: 100%
                                    .teacher-name
                                        margin-top: 10px
                                        color: #242424
                                        font-size: 18px
                                        text-align: left
                                    .teacher-zhiwei
                                        margin-top: 10px
                                        color: #242424
                                        font-size: 18px
                                        text-align: left
                                    .teacher-yuansuo
                                        margin-top: 10px
                                        color: #242424
                                        font-size: 18px
                                        text-align: left
                                .teacher-info-list
                                    width: 507px
                                    float: left
                                    padding-left: 30px
                                    padding-top: 30px
                                    li
                                        background: url('../images/3_11.gif') no-repeat left center
                                        padding-left: 25px
                                        text-align: left
                .shouqi
                    padding: 10px 0
                    text-align: center
                    border-bottom: 1px solid #dcdcdc
                    border-left: 1px solid #dcdcdc
                    border-right: 1px solid #dcdcdc
                    cursor: pointer
                    font-weight: 400
        .query-text
            padding-top: 45px
            h1
                text-align: center
                font-size: 32px
                color: #353535
            p
                text-align: center
                font-size: 22px
                color: #ff99cc
                margin-top: 15px
            .query-content
                img
                    display: block
                    width: 445px
                    height: 332px
                    margin: 55px auto 0
                h6
                    font-size: 22px
                    margin: 25px 0
                    text-align: center
                p
                    font-size: 14px
                    color: #353535
                    text-align: left